.m-login{
    height:100%;
    width:100%;
    header{
        height:.44rem;
        padding:0px .1rem;
        background: #fabc09;
        @include flexbox();
        @include align-items(center);
        @include justify-content(space-between);
        .regret{
            height:.4rem;
            width:.4rem;
            @include flexbox();
            @include align-items(center);
            img{
                height:50%;
                width:50%;
            }
        }
        .title{
            height:.44rem;
            line-height:.44rem;
            color:#fff;
            font-weight: normal;
            font-size:.16rem;
            font-family: "微软雅黑";
        }
        .affirm{
            color:#ed5564;
            font-size:.13rem;
        }
    }
    .select{
        height:.39rem;
        width:100%;
        background:#fff;
        @include flexbox();
        @include align-items(center);
        @include justify-content(space-between);
        li{
            height:100%;
            @include flex();
            a{
                display:block;
                height:100%;
                width:100%;
                color:#333;
                text-align: center;
                @include flexbox();
                @include align-items(center);
                @include justify-content(center);
                img{
                    height:.20rem;
                    width:.20rem;
                    margin:0px 0.05rem;
                    vertical-align: middle;
                    &.lo{
                        -webkit-filter: grayscale(100%);
                        -moz-filter: grayscale(100%);
                        -ms-filter: grayscale(100%);
                        -o-filter: grayscale(100%);
                        filter: grayscale(100%);
                    }
                }
                span{
                    font-size:.13rem;
                }
            }
            &.active{
                border-bottom:2px solid #ffcc00;
            }
        }
    }
    .natouch{
        height:1.75rem;
        width:100%;
        margin-top:.3rem;
        position: relative;
        .forms{
            height:100%;
            width:100%;
            .info{
                height:1.2rem;
                padding:0px 5%;
                background:#fff;
                .user,.pass{
                    height:.6rem;
                    
                    @include flexbox();
                    @include align-items(center);
                    @include justify-content(space-between);
                    span{
                        display:inline-block;
                        vertical-align: middle;
                        width:0.8rem;
                        height:.4rem;
                        color:#a5a5c2;
                        font-size:.13rem;
                        font-family: "微软雅黑";
                        line-height:.4rem;
                        text-align:right;
                        letter-spacing: 1em;
                    }
                    input{
                        @include flex();
                        height:.4rem;
                        border:none;
                        outline: none;
                        padding:0px .05rem;
                        color:#333;
                        font-size:.14rem;
                        font-family: "微软雅黑";
                        border-radius: 0;
                        background: #fff;
                    }
                    img{
                        height:.12rem;
                        width:.12rem;
                        display:none;
                    }
                    .sendnum{
                        width:.82rem;
                        height:.28rem;
                        line-height:.28rem;
                        background:#f0f0f0;
                        border: 1px #eee solid;
                        border-radius: 3px;
                        font-size:.12rem;
                        color:#999;
                        text-align: center;
                        margin-left:.05rem;
                    }
                }
                .user{
                    border-bottom:1px solid #eee;
                }
            }
            .btn{
                height:.36rem;
                width:100%;
                margin-top:.2rem;
                input{
                    height:100%;
                    width:94%;
                    margin:0px 3%;
                    border:none;
                    outline: none;
                    background: #e3e3e3;
                    color:#555555;
                    -webkit-border-radius:5px;
                    border-radius: 5px;
                    font-size:.16rem;
                    font-family: "微软雅黑";
                    letter-spacing: 5px;
                }
            }
        }
        .tit,#title{
            height:.4rem;
            width:1.7rem;
            background-color: rgba(0,0,0,0.5);
            color:#fff;
            font-size:.16rem;
            font-family: "微软雅黑";
            position: absolute;
            top:.4rem;
            right:.8rem;
            text-align: center;
            line-height:.4rem;
            border-radius: 5px;
            display: none;
        }
        
    }
    .menery{
        height:.2rem;
        width:100%;
        @include flexbox();
        @include justify-content(space-between);
        @include align-items(center);
        padding-left:30%;
        padding-right:2%;
        margin-top:.2rem;
        span{
            height:100%;
            input{
                margin-right:0.05rem;
                -webkit-appearance: none;
               position: relative;
                width: .15rem;
                height: .15rem;
                background-color: #F5F5F5;
                border: .01rem solid #CCC;
                -webkit-border-radius: 50%;
                border-radius: 50%;
                vertical-align: middle;
            }
            input[type=checkbox]:checked:after {
                content: '';
                position: absolute;
                left: .01rem;
                top: .012rem;
                width: .13rem;
                height: .07rem;
                border-left: 1px solid #fff;
                border-bottom: 1px solid #fff;
                -webkit-transform: rotate(-45deg);
                -ms-transform: rotate(-45deg);
                transform: rotate(-45deg);
            }
            input[type=checkbox]:checked {
                border-color: #48CFAE;
                background-color: #48CFAE;
            }
            label{
                color:#333;
                font-size:.12rem;
            }
        }
        a{
            color:#4B89DC;
            font-size:.12rem;
        }
    }
    .joint{
        height:0.9rem;
        width:100%;
        margin-top:0.3rem;
        .title{
            height:.25rem;
            width:100%;
            border-bottom:1px solid #ccc;
            @include flexbox();
            @include justify-content(center);
            p{
                height:.2rem;
                background-color: #f8f8f8;
                width:2.1rem;
                border:1px solid #d1d1d1;
                color:#ED5564;
                font-size:.12rem;
                line-height:.2rem;
                text-align: center;
                -webkit-border-radius:5px;
                border-radius: 5px;
                margin-top:.17rem;
            }
        }
        .logImg{
            height:.44rem;
            width:100%;
            margin-top:.3rem;
            @include flexbox();
            @include justify-content(space-around);
            a{
                display:inline-block;
                height:100%;
                width:.44rem;
                border:1px solid #ECAE55;
                border-radius: 50%;
                @include flexbox();
                @include align-items(center);
                @include justify-content(center);
                img{
                    height:75%;
                    width:75%;
                }
            }
        }
    }
}
